//导入react和react-dom
// react负责创建元素-虚拟的Dom
import React from 'react';
// reactDOM负责渲染react元素
import ReactDOM from 'react-dom';

// 创建react元素
// 语法：React.createElement（'标签类型'，{标签属性名：属性值}，'标签内容'）
// 注意：如果不需要任何的标签属性，可以写{}或者null
// const test = React.createElement('div', { h1: 'Hi' }, 'Hello,React')
// console.log('test',test);
// const test = <h1 className="a">Hello,React</h1>

const list = (
  <>
    <ul className="a">
      <li>亚狮龙</li>
      <li>尤尼克斯</li>
      <li>澳加林</li>
    </ul>
  </>
);

// 渲染元素到页面
// 语法：ReactDOM.render（react元素，真实的dom作为挂载点）
ReactDOM.render(list, document.getElementById('root'));
